<div class="container">
    <div id="modalDiv">
      <div class="tabs">
        <div (click)="sysTemplateClick()" id="tab_item1" class="tab_item" [class.focus]="showSystemPlugin">系统模版</div>
        <div (click)="selfTemplateClick()" id="tab_item2" class="tab_item" [class.focus]="!showSystemPlugin">自定义模版</div>
      </div>
      <div [style.display]="showSystemPlugin==1 ? '' : 'none'" id="systemDiv" class="status">
          <div id="title"></div>
        <table id="systemTable" class="table">
          <th class="plugin_id">Id</th>
          <th class="plugin_name">Name</th>
          <th class="plugin_description">Description</th>
          <th class="operation">Operation</th>
          <tr *ngFor="let plugin of plugins; let i = index" [style.display]="plugin.plugin_owner!='general'?'':'none'">
            <td>{{ plugin.plugin_id }}</td>
            <td>{{ plugin.plugin_name }}</td>
            <td>{{ plugin.plugin_description }}</td>
            <td><a class="showDetail" routerLinkActive="active" routerLink="/algpluginDetail/{{plugin.plugin_id}}">查看详细</a></td>
          </tr>
        </table>
      </div>
      <div [style.display]="showSystemPlugin==0 ? '' : 'none'" id="selfDiv" class="status">
        <table id="selfTable" class="table">
            <th class="plugin_id">Id</th>
            <th class="plugin_name">Name</th>
            <th class="plugin_description">Description</th>
            <th class="operation">Operation</th>
            <tr *ngFor="let plugin of plugins; let i = index" [style.display]="plugin.plugin_owner=='general'?'':'none'">
                <td>{{ plugin.plugin_id }}</td>
                <td>{{ plugin.plugin_name }}</td>
                <td>{{ plugin.plugin_description }}</td>
                <td><a class="showDetail" routerLinkActive="active" routerLink="/algpluginDetail/{{plugin.plugin_id}}">查看详细</a></td>
            </tr>
        </table>
      </div>
  </div>

 </div>
